<script setup lang="ts">
import { ref } from 'vue';
let indexMenu = ref([
    { name: '最新', url: '/latest' },
    { name: '推荐', url: '/recommended' },
    { name: '我的', url: '/mine' },
    { name: '视频', url: '/video' },
])
</script>

<template>
    <div class="contentLeft">
        <div class="card">
            <el-menu :default-active="$route.path" class="el-menu-demo" mode="horizontal" router
                style="border-bottom: 0;">
                <el-menu-item :index="m.url" v-for="( m ) in indexMenu" :key="m.url" style="font-weight: 600;"><span>{{
                        m.name }}</span></el-menu-item>
            </el-menu>
        </div>
        <RouterView />
    </div>
</template>

<style scoped></style>